<template>
  <div class="test">
    <h1>{{ message }}</h1>
    <h1>{{ url }}</h1>
    <h1 v-show="ok">{{ alexa }}</h1>
    <ol>
      <li v-bind:v-for="site in sites">
        {{ site.name }}
      </li>
    </ol>
  </div>
</template>
<script>
export default {
  name: 'test',
  data () {
    return {
      message: 'this is test demo',
      url: 'www.runoob.com',
      alexa: '10000',
      ok: false,
      sites: [
        { name: 'Runoob' },
        { name: 'Google' },
        { name: 'Taobao' }
      ]
    }
  }
}
</script>
